* {
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    text-decoration: none;
}

body {
    display: flex;
    flex-direction: column;
    height: 100vh;
    overflow: hidden;
}

.code-wrapper {
    flex: 1;
    height: 50%;
    overflow: hidden;
}

.container {
    flex: 1;
    height: 50%;
    overflow: hidden;
    background: #3cbcfc;
    z-index: 0;
}

#code {
    overflow: hidden;
    height: 100%;
}

@font-face {
    font-family: "iconfont";
    src: url('iconfont.eot?t=1596080346644');
    /* IE9 */
    src: url('iconfont.eot?t=1596080346644#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('data:application/x-font-woff2;charset=utf-8;base64,d09GMgABAAAAAAMQAAsAAAAABsgAAALEAAEAAAAAAAAAAAAAAAAAAAAAAAAAAAAAHEIGVgCCcAqBVIFSATYCJAMICwYABCAFhG0HMBv4BciemjyBhNjAAh5LiUQAIIJoLauenRCAjAPWCDqsDDxJ9/IloQUy4v7yL99BEbvMzqSitP/gvQ3Vp4PRQygaFe1V/X5VhvrEvdPfAgpkPqAc1940qQuoiwMpwL0wCmSDFEgA3jB2gUs4TaBaP2esjdjkbBDKrEmBuJOKK0CY88kyS1YK5TUrs3gBPJXpnn0J4Hn4/fgPniEkKStYZdsXMdUQ/mvHTuO069sV+wTw57OAraPALJCJ/drYJo5gdI7qGNcw2Fdx8CtDr/cNYq9/nihnFdaCXsi7J74ruNVkgtvqaQ04G3VjxFrT44/sp485M33B+vBsOxq4ONc2c9C18jQ/5vT8Kbdja2Zwqqfj6ODkMeblFQzsXNjw+Ji9MNIJ7SZePuc9/0KcnMMkTOXee/cv/3vhzvo3SC0zCY+xfj/anlvJjN/MSrbO8urP4LUVc9rs2+pX7C7Tc4TDaN1opMNxurQbqR+157S3n6dzzdq2Gv2ye92WflIf/1DItgJQui+eObm/9Tdey30cy0yDCWsy+B5f8R56SvcZ+jlA5cntwU/k92zKutDSp6zya9uTtZurqFaNEmBXs++xqrY7ToVKbSMcFfpSFCqNkjJtFmVqzKFcpWVUmxG3vkYLgiNyFab1AIRGa0jqvUSh0RUp075Qpt0fyjUGB9UOw3LHGuMhNYgiuILialTZgKRVahXjGKlBVJyJxTWKCpIVhoxcTHTSIPJwdS8m47AKkznm6GrFnpQyiCFqJYoF52GFQo00RC3DVdRVQqkm0M2NqbuSa5VaCQbWEVgFCquGVGqASFVRU2H8zpRB6fOZMLEaChVIS0ONOxdG6Ej7Rzy4cu9BipOpejXcyyU6tcQ8URQDYRBqSkgssGAKO6aGaOqHyWBVKFeSERGNQG6oFdNX5rq+Qvl1u6CapU5hDyqUX0qppKYSAA==') format('woff2'), url('iconfont.woff?t=1596080346644') format('woff'), url('iconfont.ttf?t=1596080346644') format('truetype'), /* chrome, firefox, opera, Safari, Android, iOS 4.2+ */
    url('iconfont.svg?t=1596080346644#iconfont') format('svg');
    /* iOS 4.1- */
}

.gh-btn {
    position: absolute;
    top: 0;
    right: 0;
    display: block;
    width: 76px;
    height: 30px;
    background-color: #eee;
    border: 1px solid #d5d5d5;
    padding: 3px 10px 3px 8px;
    font-size: 16px;
    line-height: 22px;
    border-radius: 4px;
    color: #000;
    margin: 5px 5px 0 0;
}

.iconfont {
    display: inline-block;
    font-family: "iconfont" !important;
    font-size: 18px;
    font-style: normal;
    -webkit-font-smoothing: antialiased;
    -moz-osx-font-smoothing: grayscale;
}

.gh-text {
    font-size: 16px;
    font-weight: 900;
}